<header><!--
  <a href="#" class="logo"></a>-->
  <div class="logo">爱波瑞精益测评</div>
  <div class="desc">欢迎注册</div>
</header>
<section *ngIf="isRegister">
  <div class="form">
    <div class="register-box">
      <label for="txtPhone">手&ensp;机&ensp;号</label>
      <input id="txtPhone" [(ngModel)]="formData.phone" maxlength="20" type="text" placeholder="请输入您的手机号"
             (ngModelChange)="onVerifiInput('phone')">
      <div class="tips" *ngIf="verifiInfo.phone.err">{{verifiInfo.phone.msg}}</div>
    </div>
    <div class="register-box">
      <label for="txtUserName">姓&emsp;名&emsp;</label>
      <input id="txtUserName" [(ngModel)]="formData.userName" maxlength="20" type="text" placeholder="请输入您的姓名"
             (ngModelChange)="onVerifiInput('userName')">
      <div class="tips" *ngIf="verifiInfo.userName.err">{{verifiInfo.userName.msg}}</div>
    </div>
    <div class="register-box">
      <label for="txtPwd">设置密码</label>
      <input id="txtPwd" [(ngModel)]="formData.pwd" minlength="6" maxlength="10" type="password"
             placeholder="建议至少使用两种字符组合" (ngModelChange)="onVerifiInput('pwd')">
      <div class="tips" *ngIf="verifiInfo.pwd.err">{{verifiInfo.pwd.msg}}</div>
    </div>
    <div class="register-box">
      <label for="txtPwd2">确认密码</label>
      <input id="txtPwd2" [(ngModel)]="formData.pwd2" minlength="6" maxlength="10" type="password" placeholder="请再次输入密码"
             (ngModelChange)="onVerifiInput('pwd2')">
      <div class="tips" *ngIf="verifiInfo.pwd2.err">{{verifiInfo.pwd2.msg}}</div>
    </div>
    <div class="register-box">
      <label for="txtCompany">公司全名</label>
      <input id="txtCompany" [(ngModel)]="formData.companyName" maxlength="200" placeholder="请输入公司全名,包含所在省市"
             style="width: 316px;" (ngModelChange)="onVerifiInput('companyName')">
      <div class="tips" *ngIf="verifiInfo.companyName.err">{{verifiInfo.companyName.msg}}</div>
    </div>
    <div class="register-box">
      <label for="txtVerCode">验&ensp;证&ensp;码</label>
      <input id="txtVerCode" [(ngModel)]="formData.verifyCode" minlength="6" maxlength="6" type="text"
             placeholder="请输入验证码" (ngModelChange)="onVerifiInput('verifyCode')">
      <!--      <img class="verifyCode" (click)="changeCode()" [src]="imgSrc" title="点击刷新图片">-->
      <button nz-button nzType="primary" (click)="getVerificationCode()" class="verifyCodeButton"
              [disabled]="!codeBtnState">{{codeBtnName}}</button>
      <div class="tips" *ngIf="verifiInfo.verifyCode.err">{{verifiInfo.verifyCode.msg}}</div>
    </div>
    <div class="arguement">
      <input type="checkbox" id="chkRead" (click)="onAgree($event)">
      <label for="chkRead">阅读并同意</label>
      <a href="javascript:void(0);">《用户注册协议》</a>
      <a href="javascript:void(0);">《隐私政策》</a>
      <div class="tips">

      </div>
    </div>
    <div class="submit_btn">
      <button type="button" [disabled]="isButton" (click)="onSave()">立 即 注 册</button>
    </div>
  </div>
</section>
<nz-result *ngIf="!isRegister"
           nzStatus="success"
           nzTitle="注册成功，请等待审核成功后再登录系统使用!"
           nzSubTitle=""
           style="margin-top: 100px;"
>
  <div nz-result-extra>
    <button nz-button nzSize="large" nzType="link" (click)="onGoto()">转到 登录({{iSecond}})</button>
  </div>
</nz-result>
